<!--
 * @Author: Ryan
 * @Date: 2021-05-19 11:14:25
 * @LastEditors: Ryan
 * @LastEditTime: 2021-05-24 10:17:06
 * @Description: 系统布局设置
 * @FilePath: /vue-admin-template/src/components/LayoutSelect/index.vue
-->

<template>
  <div v-if="showSettings">
    <svg-icon icon-class="layout" @click="show = !show" />
    <right-panel v-model="show">
      <settings />
    </right-panel>
  </div>
</template>

<script>
import RightPanel from '@/components/RightPanel'
import Settings from './components/Settings'

export default {
  name: 'LayoutSelect',
  components: {
    RightPanel,
    Settings
  },
  data() {
    return {
      show: false
    }
  },
  computed: {
    showSettings() {
      return this.$store.state.settings.showSettings
    }
  }
}
</script>

<style scoped>
.screenfull-svg {
  display: inline-block;
  cursor: pointer;
  fill: #5a5e66;;
  width: 20px;
  height: 20px;
  vertical-align: 10px;
}
</style>
